// no css yet

.d-editor-preview-wrapper .d-editor-preview {
  @mixin activeComposerPreviewElement {
    box-shadow: 0px 0px 0px 1px rgba(0, 144, 237, 0.35) !important;
    background-color: rgba(0, 144, 237, 0.35);
    z-index: 3;
  }

  &,
  a {
    cursor: zoom-in !important;
  }

  a,
  p,
  em,
  strong,
  code,
  h1,
  h2,
  pre > code > span {
    &:not(:has(:hover)):hover {
      @include activeComposerPreviewElement;
    }
  }

  .now-editing {
    // separate from the former selector due to Firefox incompatibilities
    @include activeComposerPreviewElement;
  }

  // collapse last span in codeblock if empty
  pre > code > span:not(:last-child) {
    display: inline-block;
    width: inherit;
    min-width: 100%;
  }
}
